<template>
  <div>
    <div class="backimg">
      <!--      <div class="testimg">55</div>-->
      <el-row>
        <el-col :span="24">
          <el-row class="body-leftbody">
            <el-row>
              <!--       左边   -->
              <el-col :span="16">
                <div class="leftbody-head">
                  <div>
                    <span class="left-head">转轴车间设备状态看板</span>
                  </div>
                  <el-row :gutter="24">
                    <!--             周转区左边 -->
                    <el-col :span="2">
                      <div class="left-main-left">
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250893')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250893')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY00786')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY00786')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21248')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21248')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY00107')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY00107')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY00784')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY00784')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content"/>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY00106')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY00106')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY00103')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY00103')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY00785')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY00785')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21249')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21249')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21322')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21322')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21323')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21323')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21364')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21364')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21280')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21280')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY20393')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY20393')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY20392')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY20392')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251183')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251183')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251182')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251182')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251184')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251184')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251185')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251185')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250440')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250440')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250439')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250439')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250438')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250438')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250442')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250442')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251188')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251188')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251190')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251190')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21245')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21245')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY21249')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY21249')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250404')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250404')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250403')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250403')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY01228')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01228')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY01229')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01229')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251186')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251186')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251187')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251187')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251563')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251563')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251562')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251562')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250153')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250153')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY250152')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY250152')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY20390')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY20390')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY20391')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY20391')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY01561')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01561')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY01560')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01560')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251250')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251250')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content">
                              <span :class="getIco('DY251249')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251249')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="6">
                            <div class="left-main-left-grid-content-center">
                              <span :class="getIco('DY01287')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01287')"/>
                            </div>
                          </el-col>
                          <el-col :span="6">
                            <div class="left-main-left-grid-content-center">
                              <span :class="getIco('DY01555')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01555')"/>
                            </div>
                          </el-col>
                          <el-col :span="6">
                            <div class="left-main-left-grid-content-center">
                              <span :class="getIco('DY01556')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01556')"/>
                            </div>
                          </el-col>
                          <el-col :span="6">
                            <div class="left-main-left-grid-content-center">
                              <span :class="getIco('DY01557')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01557')"/>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content-button">
                              <span :class="getIco('DY01288')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY01288')"/>
                            </div>
                          </el-col>
                          <el-col :span="12">
                            <div class="left-main-left-grid-content-button">
                              <span :class="getIco('DY20689')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY20689')"/>
                            </div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="2">
                      <div class="left-main-center">
                  <span class="left-main-body-box-con" style="text-align: center">
                    <div>周转区</div>
                   <div style="margin-top: 10vh"><div :class="getIco('DY251789')" @click="bccelldblclick()"
                                                      @mouseover="getTitles('DY251789')"></div></div>
                    <div style="padding-top: 2rem"><div :class="getIco('DY251751')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251751')"></div></div>
                    <div style="padding-top: 2rem"><div :class="getIco('DY251790')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251790')"></div></div>
                    <div style="padding-top: 2rem"><div :class="getIco('DY251791')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251791')"></div></div>
                    <div style="padding-top: 2rem"><div :class="getIco('DY251792')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251792')"></div></div>
                    <div style="padding-top: 2rem"><div :class="getIco('DY251793')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY20338')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251943')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251943')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251944')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251944')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251945')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251945')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251946')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251946')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251947')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251947')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251948')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251948')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251949')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251949')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251950')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251950')"></div></div>
                   <div style="padding-top: 2rem"> <div :class="getIco('DY251951')" @click="bccelldblclick()"
                                                        @mouseover="getTitles('DY251951')"></div></div>
                  </span>
                      </div>
                    </el-col>
                    <!--             周转区右边 -->
                    <el-col :span="16">
                      <div class="left-main-right">
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right1">
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00103')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00103')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21249')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21249')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00785')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00785')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20338')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20338')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20339')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20339')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20338')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20338')"/></div>
                              </el-col>

                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20340')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20340')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20180')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20180')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20181')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20181')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20345')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20345')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20344')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20344')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20341')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20341')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20337')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20337')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20336')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20336')"/></div>
                              </el-col>

                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251155')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251155')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251154')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251154')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251156')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251156')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251157')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251157')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right2">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20980')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20980')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00099')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00099')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00100')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00100')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00094')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00094')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01222')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01222')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00093')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00093')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00097')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00097')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250888')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250888')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250887')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250887')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21345')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21345')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250387')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250387')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right3">
                              <div class="left-main-body-right-com3" style="text-align: center;padding-bottom: 3rem">
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY20334')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY20334')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY20335')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY20335')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY250090')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY250090')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY250388')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY250388')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY250263')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY250263')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY21365')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY21365')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY251226')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY251226')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY250696')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY250696')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY250698')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY250698')"/></div>
                                </el-col>
                                <el-col :span="2">
                                  <div class="left-main-body-right-con"><span :class="getIco('DY250992')"
                                                                              @click="bccelldblclick()"
                                                                              @mouseover="getTitles('DY250992')"/></div>
                                </el-col>
                              </div>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right4">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251300')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251300')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251228')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251228')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250693')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250693')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251232')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251232')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251231')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251231')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251230')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251230')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251229')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251229')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250692')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250692')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251227')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251227')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250694')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250694')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250695')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250695')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right5">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251298')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251298')"/></div>
                              </el-col>

                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251299')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251299')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div>&nbsp;</div>
                              </el-col>
                              <el-col :span="2">
                                <div>&nbsp;</div>
                              </el-col>
                              <el-col :span="2">
                                <div>&nbsp;</div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251528')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251528')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21023')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21023')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250390')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250390')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01302')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01302')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21252')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21252')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21195')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21195')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250389')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250389')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right6">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21329')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21329')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250496')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250496')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00788')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00788')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00787')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00787')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250393')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250393')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250395')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250395')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250392')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250392')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250396')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250396')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21363')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21363')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250394')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250394')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21279')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21279')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250397')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250397')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250398')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250398')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250399')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250399')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251306')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251306')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251305')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251305')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right7">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250495')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250495')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251297')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251297')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01456')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01456')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250391')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250391')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250890')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250890')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20584')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20584')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00162')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00162')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01258')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01258')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20514')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20514')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20887')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20887')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00782')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00782')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250381')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250381')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250382')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250382')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250379')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250379')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250383')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250383')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250385')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250385')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250386')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250386')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250384')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250384')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right8">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250436')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250436')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251189')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251189')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251191')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251191')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01256')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01256')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01257')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01257')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21290')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21290')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21291')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21291')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00775')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00775')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250437')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250437')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01217')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01217')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01216')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01216')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00773')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00773')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00772')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00772')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250728')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250728')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250729')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250729')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250730')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250730')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>

                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right10">
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250970')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250970')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY01213')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY01213')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21371')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21371')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250969')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250969')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250971')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250971')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250968')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250968')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250972')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250972')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250967')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250967')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250973')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250973')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250966')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250966')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250974')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250974')"/></div>
                              </el-col>
                              <el-col :span="1">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250965')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250965')"/></div>
                              </el-col>
                              <el-col :span="4">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251476')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251476')"/></div>
                              </el-col>
                              <el-col :span="4">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21173')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21173')"/></div>
                              </el-col>
                              <el-col :span="4">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21125')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21125')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right11">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00781')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00781')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY00780')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY00780')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250961')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250961')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250963')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250963')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250960')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250960')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250964')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250964')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250959')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250959')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div>&nbsp;</div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251560')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251560')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251561')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251561')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251559')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251559')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right12">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251293')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251293')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20701')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20701')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251443')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251443')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div>&nbsp;</div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21174')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21174')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20936')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20936')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21175')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21175')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21124')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21124')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20035')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20035')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21172')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21172')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div class="left-main-right13">
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250326')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250326')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21229')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21229')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY21151')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY21151')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY20855')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY20855')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250376')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250376')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250377')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250377')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250378')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250378')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251602')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251602')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250223')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250223')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250222')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250222')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY251601')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY251601')"/></div>
                              </el-col>
                              <el-col :span="2">
                                <div class="left-main-body-right-con"><span :class="getIco('DY250221')"
                                                                            @click="bccelldblclick()"
                                                                            @mouseover="getTitles('DY250221')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div style="margin-top: 1rem;margin-bottom: 1rem">
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20055')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20055')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20062')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20062')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20570')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20570')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY21150')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY21150')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20858')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20858')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20856')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20856')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY25571')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY25571')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY250857')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY250857')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY250080')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY250080')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY250081')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY250081')"/></span>
                            </div>
                          </el-col>
                        </el-row>
                        <el-row>
                          <el-col :span="24">
                            <div style="margin-top: 1rem;margin-bottom: 1rem">
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20056')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20056')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20057')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20057')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20062')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20062')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY20061')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20061')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY251294')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY251294')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY251295')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY251295')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY251296')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY251296')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY251730')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY251730')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY251742')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY251742')"/></span>
                              <span class="left-main-body-right-con" style="margin: 1.9rem"><span
                                  :class="getIco('DY251741')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY251741')"/></span>
                            </div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                    <el-col :span="4">
                      <div class="grid-content" style="padding-top: 3rem;text-align: center">
                        <div>设备总数</div>
                        <div>{{ tmp.total }}</div>
                        <div>&nbsp;</div>
                        <div>运行</div>
                        <div><span class="el-icon-circle-check"/>&nbsp;&nbsp;{{ tmp.run }}</div>
                        <div>&nbsp;</div>
                        <div>待机</div>
                        <div><span class="el-icon-video-play"/>&nbsp;&nbsp;{{ tmp.wait }}</div>
                        <div>&nbsp;</div>
                        <div>报警</div>
                        <div><span class="el-icon-warning-outline"/>&nbsp;&nbsp;{{ tmp.err }}</div>
                        <div>&nbsp;</div>
                        <div>关机</div>
                        <div><span class="el-icon-setting"/>&nbsp;&nbsp;{{ tmp.down }}</div>
                        <div>&nbsp;</div>
                        <div>未采集</div>
                        <div><span class="el-icon-loading"/></div>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
              <!--         中间 -->
              <el-col :span="6">
                <div class="center-head">

                  <el-row class="center-head-content">
                    <el-col :span="24">
                      <div>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY20910')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20910')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY20911')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20911')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY20231')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20231')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY20229')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20229')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY21116')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY21116')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY21115')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY21115')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1">
                            <span :class="getIco('DY250889')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY250889')"/>
                          </div>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1"/>
                          <span :class="getIco('DY01218')" @click="bccelldblclick()" @mouseover="getTitles('DY01218')"/>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1"/>
                          <span :class="getIco('DY01219')" @click="bccelldblclick()" @mouseover="getTitles('DY01219')"/>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1"/>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1"/>
                        </el-col>
                        <el-col :span="2">
                          <div class="center-head-content1"/>
                        </el-col>
                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <div style="text-align: center;border: 1px solid #0B5195;">
                  <span>
                    <el-col :span="5"><div class="grid-content"><span :class="getIco('DY251180')"
                                                                      @click="bccelldblclick()"
                                                                      @mouseover="getTitles('DY251180')"/></div></el-col>
                    <el-col :span="5"><div class="grid-content"><span :class="getIco('DY251181')"
                                                                      @click="bccelldblclick()"
                                                                      @mouseover="getTitles('DY251181')"/></div></el-col>
                    <el-col :span="5"><div class="grid-content"><span :class="getIco('DY251712')"
                                                                      @click="bccelldblclick()"
                                                                      @mouseover="getTitles('DY251712')"/></div></el-col>
                  </span>
                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <div class="center-head-content2" style="text-align: center;border: 1px solid #0B5195;">
                  <span>
                       <el-col :span="5"><div class="grid-content"><span :class="getIco('DY251178')"
                                                                         @click="bccelldblclick()"
                                                                         @mouseover="getTitles('DY251178')"/></div></el-col>
                    <el-col :span="5"><div class="grid-content"><span :class="getIco('DY251179')"
                                                                      @click="bccelldblclick()"
                                                                      @mouseover="getTitles('DY251179')"/></div></el-col>
                    <el-col :span="5"><div class="grid-content"><span :class="getIco('DY251711')"
                                                                      @click="bccelldblclick()"
                                                                      @mouseover="getTitles('DY251711')"/></div></el-col>
                  </span>
                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24" class="center-body-content3">
                      <div>
                        <el-row>
                          <el-col :span="10" class="center-body-content-left">
                            <div style="margin-top: 3rem">

                              <el-col :span="24" class="grid-content">
                                <div class="grid-content">
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251444')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251444')"/></div>
                                  </el-col>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY250135')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY250135')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY21361')" @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY21361')"/></div>
                                  </el-col>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251193')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251193')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY21360')" @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY21360')"/></div>
                                  </el-col>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251192')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251192')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251278')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251278')"/></div>
                                  </el-col>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251276')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251276')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251281')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251281')"/></div>
                                  </el-col>
                                  <el-col :span="12">
                                    <div class="grid-content"><span :class="getIco('DY251277')"
                                                                    @click="bccelldblclick()"
                                                                    @mouseover="getTitles('DY251277')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content"><span style="margin-left: 6rem"><span
                                  :class="getIco('DY20063')" @click="bccelldblclick()"
                                  @mouseover="getTitles('DY20063')"/></span></el-col>
                              <el-col :span="12" class="grid-content"><span><span :class="getIco('DY21370')"
                                                                                  @click="bccelldblclick()"
                                                                                  @mouseover="getTitles('DY21370')"/></span>
                              </el-col>
                              <el-col :span="12" class="grid-content">
                                <div><span :class="getIco('DY250089')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY250089')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                          <el-col :span="10" class="center-body-content-center">
                            <div style="margin-top: 3rem">
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251477')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251477')"/></div>
                                  </el-col>
                                  <el-col :span="11" class="grid-content">
                                    <div><span :class="getIco('DY251479')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251479')"/></div>
                                  </el-col>
                                  <el-col :span="1" class="grid-content">
                                    <div><span :class="getIco('DY251479')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251479')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251195')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251195')"/></div>
                                  </el-col>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251197')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251197')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251194')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251194')"/></div>
                                  </el-col>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251196')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251196')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251275')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251275')"/></div>
                                  </el-col>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251279')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251279')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251280')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251280')"/></div>
                                  </el-col>
                                  <el-col :span="12" class="grid-content">
                                    <div><span :class="getIco('DY251274')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251274')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="24" class="grid-content">
                                <div style="margin-left: 6rem"><span :class="getIco('DY251445')"
                                                                     @click="bccelldblclick()"
                                                                     @mouseover="getTitles('DY251445')"/></div>
                              </el-col>
                              <el-col :span="12" class="grid-content">
                                <div><span :class="getIco('DY250380')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY250380')"/></div>
                              </el-col>
                              <el-col :span="12" class="grid-content">
                                <div><span :class="getIco('DY21205')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY21205')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                          <el-col :span="4" class="center-body-content-right">
                            <div>

                              <el-col :span="12" class="center-body-content-right-top">
                                <div><span :class="getIco('DY00777')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00777')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content-right-top">
                                <div><span :class="getIco('DY00776')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00776')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content-right-top">
                                <div><span :class="getIco('DY00778')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00778')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content-right-top">
                                <div><span :class="getIco('DY00779')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00779')"/></div>
                              </el-col>

                              <el-col :span="12" class="center-body-content-right-center">
                                <div>
                                  <el-col :span="24" class="center-body-content-right-center1">
                                    <div><span :class="getIco('DY251285')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251285')"/></div>
                                  </el-col>
                                  <el-col :span="24" class="center-body-content-right-center1">
                                    <div><span :class="getIco('DY20358')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY20358')"/></div>
                                  </el-col>
                                  <el-col :span="24" class="center-body-content-right-center1">
                                    <div><span :class="getIco('DY20078')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY20078')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                              <el-col :span="12" class="center-body-content-right-button">
                                <div>
                                  <el-col :span="24" class="center-body-content-right-button1">
                                    <div><span :class="getIco('DY251286')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY251286')"/></div>
                                  </el-col>
                                  <el-col :span="24" class="center-body-content-right-button1">
                                    <div><span :class="getIco('DY250328')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY250328')"/></div>
                                  </el-col>
                                  <el-col :span="24" class="center-body-content-right-button1">
                                    <div><span :class="getIco('DY250329')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY250329')"/></div>
                                  </el-col>
                                  <el-col :span="24" class="center-body-content-right-button1">
                                    <div><span :class="getIco('DY21232')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY21232')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24" class="center-body-content4">
                      <div>
                        <el-row>
                          <el-col :span="10">
                            <div style="border: 1px #193667 solid">
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY21346')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY21346')"/></span>
                                <span><span :class="getIco('DY250382')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY250382')"/></span>
                              </div>
                              <div>
                                <div style="padding-left: 4.2rem;margin-top: 1rem;margin-bottom: 1rem"><span
                                    :class="getIco('DY251731')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251731')"/></div>
                              </div>
                              <div>
                                <span style="padding-right: 3rem"><span :class="getIco('DY250265')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY250265')"/></span>
                                <span><span :class="getIco('DY250261')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY250261')"/></span>
                              </div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY250264')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY250264')"/></span>
                                <span><span :class="getIco('DY250262')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY250262')"/></span>
                              </div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY251201')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY251201')"/></span>
                                <span><span :class="getIco('DY251199')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251199')"/></span>
                              </div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY251200')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY251200')"/></span>
                                <span><span :class="getIco('DY251198')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251198')"/></span>
                              </div>
                              <div style="margin-top: 1rem;margin-bottom: 0.6rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY251729')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY251729')"/></span>
                                <span><span :class="getIco('DY251443')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251443')"/></span>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="10">
                            <div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY20124')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY20124')"/></span>
                                <span><span :class="getIco('DY250379')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY250379')"/></span>
                              </div>
                              <div>
                                <div style="padding-left: 4.2rem;margin-top: 1rem;margin-bottom: 1rem"><span
                                    :class="getIco('DY251713')" @click="bccelldblclick()"
                                    @mouseover="getTitles('DY251713')"/></div>
                              </div>
                              <div>
                                <span style="padding-right: 3rem"><span :class="getIco('DY250260')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY250260')"/></span>
                                <span><span :class="getIco('DY251283')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251283')"/></span>
                              </div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY251284')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY251284')"/></span>
                                <span><span :class="getIco('DY251282')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251282')"/></span>
                              </div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY251205')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY251205')"/></span>
                                <span><span :class="getIco('DY251204')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251204')"/></span>
                              </div>
                              <div style="margin-top: 1rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY251203')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY251203')"/></span>
                                <span><span :class="getIco('DY251202')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251202')"/></span>
                              </div>
                              <div style="margin-top: 1rem;margin-bottom: 0.6rem">
                                <span style="padding-right: 3rem"><span :class="getIco('DY250134')"
                                                                        @click="bccelldblclick()"
                                                                        @mouseover="getTitles('DY250134')"/></span>
                                <span><span :class="getIco('DY251478')" @click="bccelldblclick()"
                                            @mouseover="getTitles('DY251478')"/></span>
                              </div>
                            </div>
                          </el-col>
                          <el-col :span="4" class="center-body-content4-right">
                            <div>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY21347')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY21347')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY251290')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY251290')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY251287')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY251287')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY251289')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY251289')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY251527')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY251527')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY251288')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY251288')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY00063')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00063')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY01212')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY01212')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY00062')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00062')"/></div>
                              </el-col>
                              <el-col :span="12" class="center-body-content4-right1">
                                <div><span :class="getIco('DY01215')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY01215')"/></div>
                              </el-col>

                            </div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24" class="center-body-content5">
                      <div>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY251304-1')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY251304-1')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY251304')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY251304')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY251301-1')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY251301-1')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY251301')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY251301')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY251303-1')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY251303-1')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY251303')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY251303')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY21278')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY21278')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY21277')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY21277')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY250252')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY250252')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY250251')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY250251')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY20232')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY20232')"/></div>
                        </el-col>
                        <el-col :span="2">
                          <div class="grid-content"><span :class="getIco('DY20234')" @click="bccelldblclick()"
                                                          @mouseover="getTitles('DY20234')"/></div>
                        </el-col>

                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <div class="grid-content">

                        <el-col :span="24" class="center-body-content6">
                          <div>
                            <el-col :span="2">
                              <div><span :class="getIco('DY251302-1')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY251302-1')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY251302')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY251302')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY250889')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY250889')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY251301')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY251301')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY21277')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY21277')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY21505')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY21505')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY21504')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY21504')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY00010')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY00010')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY00011')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY00011')"/></div>
                            </el-col>
                          </div>
                        </el-col>
                        <el-col :span="24" class="center-body-content7">
                          <div>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="4">
                              <div><span style="font-size: 0.2rem">多排钻</span></div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div>&nbsp;</div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY250251')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY250251')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY00036')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY00036')"/></div>
                            </el-col>
                            <el-col :span="2">
                              <div><span :class="getIco('DY00037')" @click="bccelldblclick()"
                                         @mouseover="getTitles('DY00037')"/></div>
                            </el-col>
                          </div>
                        </el-col>

                      </div>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24" class="center-body-content8">
                      <div>

                        <el-row>
                          <el-col :span="1" class="center-body-content6-left">
                            <div>
                              <el-col :span="24" class="center-body-content6-left1">
                                <div><span :class="getIco('DY00189')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00189')"/></div>
                              </el-col>
                              <el-col :span="24" class="center-body-content6-left1">
                                <div><span :class="getIco('DY00215')" @click="bccelldblclick()"
                                           @mouseover="getTitles('DY00215')"/></div>
                              </el-col>
                            </div>
                          </el-col>
                          <el-col :span="16" class="center-body-content6-center">
                            <div>
                              <el-row>
                                <el-col :span="24" class="center-body-content6-center-top">
                                  <div>
                                    <el-col :span="6">
                                      <div><span :class="getIco('DY00211')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00211')"/></div>
                                    </el-col>
                                    <el-col :span="6">
                                      <div><span :class="getIco('DY00210')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00210')"/></div>
                                    </el-col>
                                    <el-col :span="6">
                                      <div><span :class="getIco('DY00205')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00205')"/></div>
                                    </el-col>
                                  </div>
                                </el-col>
                              </el-row>
                              <el-row>
                                <el-col :span="24" class="center-body-content6-center-button">
                                  <div>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00204')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00204')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00209')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00209')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00206')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00206')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00195')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00195')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00228')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00228')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00199')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00199')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00194')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00194')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00222')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00222')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY-ZZ052')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('ZZ052')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00193')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00193')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00197')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00197')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00190')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00190')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00223')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00223')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY00224')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY00224')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY21503')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY21503')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY21502')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY21502')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY21501')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY21501')"/></div>
                                    </el-col>
                                    <el-col :span="1" class="center-body-content6-center-button1">
                                      <div><span :class="getIco('DY21500')" @click="bccelldblclick()"
                                                 @mouseover="getTitles('DY21500')"/></div>
                                    </el-col>
                                  </div>
                                </el-col>
                              </el-row>
                            </div>
                          </el-col>
                          <el-col :span="7" class="center-body-content6-right">
                            <div>
                              <el-col :span="24">
                                <div>
                                  <el-col :span="8">
                                    <div><span :class="getIco('DY00114')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY00114')"/></div>
                                  </el-col>
                                  <el-col :span="8">
                                    <div><span :class="getIco('DY00078')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY00078')"/></div>
                                  </el-col>
                                  <el-col :span="8">
                                    <div><span :class="getIco('DY00733')" @click="bccelldblclick()"
                                               @mouseover="getTitles('DY00733')"/></div>
                                  </el-col>
                                </div>
                              </el-col>
                            </div>
                          </el-col>
                        </el-row>
                      </div>
                    </el-col>
                  </el-row>
                </div>
              </el-col>
              <!--         右边 -->
              <el-col :span="2" class="right-body"><span>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY01249')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY01249')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251569')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251569')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY21192')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY21192')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251547')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251547')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY01238')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY01238')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY01606')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY01606')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY01605')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY01605')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY01604')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY01604')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY21219')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY21219')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY250957')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY250957')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY250317')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY250317')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251291')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251291')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251292')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251292')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251264')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251264')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251265')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251265')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251266')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251266')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251267')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251267')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY21359')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY21359')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY01253')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY01253')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251572')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251572')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY250958')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY250958')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY21011')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY21011')"/></div></el-col>
              <el-col :span="24" class="right-body-com"><div><span :class="getIco('DY251624')" @click="bccelldblclick()"
                                                                   @mouseover="getTitles('DY251624')"/></div></el-col>
            </span></el-col>
            </el-row>
          </el-row>
        </el-col>
      </el-row>
    </div>

    <template>
      <el-dialog
          :visible.sync="dialogVisible"
          title="设备实时运行参数"
          width="70%"
          @close="handleClose"
      >
        <div style="border: 1px solid #000000">
          <div>
            <el-row>
              <el-col :span="8">
                <div class="grid-content" style="text-align: left">

                  <div style="border-top: 1px solid #000000">
                    <div>
                      <el-row>
                        <el-col :span="12"></el-col>
                        <el-col :span="12"></el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12"></el-col>
                        <el-col :span="12"></el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">设备:{{ deviceInfo.fmachNo }}<span/></div>
                        </el-col>
                        <el-col :span="12">
                          <div style="margin: 0.4rem">状态：{{ deviceInfo.fmachState }}</div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">程序名称:{{ deviceInfo.fprogramNo }}<span/>
                          </div>
                        </el-col>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem"><span v-if="deviceInfo.fworkNumTime > 0">总加工时间:{{
                              deviceInfo.fworkNumTime
                            }}小时</span><span/>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">主轴转速:{{ deviceInfo.fbearSpeed }}<span/>
                          </div>
                        </el-col>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">进给速度:{{ deviceInfo.floadSpeed }}<span/>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">报警号:{{ deviceInfo.fwarningNo }}<span/>
                          </div>
                        </el-col>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">报警类型:{{ deviceInfo.fwarningType }}<span/>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="24">
                          <div class="grid-content" style="margin: 0.4rem">报警详细信息:{{ deviceInfo.fwarningMsg }}<span/>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">X轴相对位置:{{ deviceInfo.fcoorRelPosX }}<span/>
                          </div>
                        </el-col>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">X轴绝对位置:{{ deviceInfo.fcoorAbsPosX }}<span/>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">Y轴相对位置:{{ deviceInfo.fcoorRelPosY }}<span/>
                          </div>
                        </el-col>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">Y轴绝对位置:{{ deviceInfo.fcoorAbsPosY }}<span/>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">Z轴相对速度:{{ deviceInfo.fcoorRelPosZ }}<span/>
                          </div>
                        </el-col>
                        <el-col :span="12">
                          <div class="grid-content" style="margin: 0.4rem">Z轴绝对位置:{{ deviceInfo.fcoorAbsPosZ }}<span/>
                          </div>
                        </el-col>
                      </el-row>
                    </div>

                  </div>
                </div>
              </el-col>
              <el-col :span="8">
                <div class="grid-content" style="border: 1px solid #000000">
                  <SimEcharts :chart-data="gaugeDataleft"/>
                </div>
              </el-col>
              <el-col :span="8">
                <div class="grid-content" style="border: 1px solid #000000">
                  <SimEcharts :chart-data="gaugeDataright"/>
                </div>
              </el-col>

            </el-row>
          </div>
          <div>
            <SimEcharts :chart-data="basicLineData" style="height: 300px;margin-bottom: -2rem"/>
          </div>
        </div>

      </el-dialog>
    </template>
  </div>
</template>

<script>
import {
  gaugeData,
  basicLineData
} from '../../api/service-module/dashBoard/echartsData'
import {
  queryDeviceFromSCADA
} from '../../api/service-module/report/MesScadaReport'
import {closeWebsocket, connectWebsocket, sendMessage} from "@/api/websocket";

export default {
  name: 'ThreeFactoryScadaStateDashboard',
  data() {
    return {
      tmp: '',
      messages: '',
      notifyPromise: Promise.resolve(),
      myTime: '',
      //  下面五个对应设备总数上6个值
      a1: 0,
      a2: 0,
      a3: 0,
      a4: 0,
      a5: 0,
      a6: 0,
      basicLineData: JSON.parse(JSON.stringify(basicLineData)),
      gaugeDataleft: JSON.parse(JSON.stringify(gaugeData)),
      gaugeDataright: JSON.parse(JSON.stringify(gaugeData)),
      deviceInfo: '',
      dialogVisible: false,
      clickData: ''
    }
  },
  destroyed() {
    //页面刷新会调用销毁前的方法，就是这个，清楚页面的定时器等，防止垃圾遗留
    this.clear
    closeWebsocket()
  },
  mounted() {
    this.formatDatetime()
    this.initWebData()
    this.reloadWeb()
  },
  // created() {
  //   this.selectScadaState()
  // },
  methods: {
    bccelldblclick() {
      this.deviceInfo = ''
      this.gaugeDataleft.series[0].data[0].name = '主轴倍率'
      this.gaugeDataleft.series[0].data[0].value = 0
      this.gaugeDataleft.series[0].max = 200
      this.gaugeDataright.series[0].data[0].name = '进给倍率'
      this.gaugeDataright.series[0].data[0].value = 0
      this.gaugeDataright.series[0].max = 200

      this.dialogVisible = true
      this.searchNo = this.clickData
      this.searchDevice(this.clickData)
      this.timer = window.setInterval(() => {
        setTimeout(this.searchDevice(this.clickData), 0)
      }, 5000)
    },
    searchDevice(deviceNo) {
      queryDeviceFromSCADA(deviceNo).then((resp) => {
        this.deviceInfo = resp.data.data
        console.log(resp.data.data)
        this.gaugeDataleft.series[0].data[0].name = '主轴倍率'
        this.gaugeDataleft.series[0].data[0].value = resp.data.data.fbearPer
        this.gaugeDataleft.series[0].detail.formatter = '{value}'
        this.gaugeDataright.series[0].data[0].name = '进给倍率'
        this.gaugeDataright.series[0].data[0].value = resp.data.data.floadPer
        this.gaugeDataright.series[0].detail.formatter = '{value}'
        this.basicLineData.title.text = '设备实时工作曲线'

        this.basicLineData.series[0].data = resp.data.data.fbearSpeedList
        this.basicLineData.legend.data[0] = '主轴转速'
        this.basicLineData.series[0].name = '主轴转速'
        this.basicLineData.series[0].itemStyle.normal.label.textStyle.color = '#71f604'


        this.basicLineData.series[1].data = resp.data.data.floadSpeedList
        this.basicLineData.legend.data[1] = '进给速度'
        this.basicLineData.series[1].name = '进给速度'
        this.basicLineData.series[1].itemStyle.normal.label.textStyle.color = '#f66904'
      })
    },
    handleClose() {
      window.clearInterval(this.timer) // 清理定时器
    },
    initWebData() {
      connectWebsocket(
          // 测试地址
          // process.env.VUE_APP_WS_URL+'/SpindleDeviceStateWebSocket/SpindleDeviceState',
          'ws://192.168.1.32:20088/ScadaState/device',
          // 传递给后台的数据
          '5422',
          // 成功拿到后台返回的数据的回调函数
          (data) => {
            console.log(JSON.parse(data))
            this.tmp = JSON.parse(data)
            // console.log(JSON.parse(data))
          },
          () => {
            sendMessage("im tird!")
          }
      )
    },
    reloadWeb() {
      //每隔8小时刷新一下页面，防止卡死
      setTimeout(location.reload, 1000 * 60 * 60 * 8)
    },
    formatDatetime() {
      setInterval(this.formatDate, 1000)
    },
    getTitles(n) {
      clearTimeout(this.myTime)
      this.myTime = setTimeout(() => {
        this.waitGetTitles(n)
      }, 1500)
    },
    async waitGetTitles(n) {
      if (this.myTime <= 1) {
        return
      }
      if (this.tmp[n] === '1') {
        this.messages = '设备正在运行' + n
        this.clickData = n
        await this.$message({message: this.messages, type: 'success'})
      } else if (this.tmp[n] === '2') {
        this.messages = '设备待机中' + n
        this.clickData = n
        await this.$message({message: this.messages, type: 'success'})
      } else if (this.tmp[n] === '3') {
        this.messages = '机器异常！请检查' + n
        this.clickData = n
        await this.$message({message: this.messages, type: 'warning'})
      } else if (this.tmp[n] === '4') {
        this.messages = '因设备断网/关机，无法获取机器信息' + n
        this.clickData = n
        await this.$message.error(this.messages)
      } else if (this.tmp[n] === '5') {
        this.messages = '设备正在调试，请稍后查看' + n
        this.clickData = n
        await this.$message({message: this.messages, type: 'warning'})
      } else {
        this.messages = '无法获取机器信息' + n
        this.clickData = n
        await this.$message.error(this.messages)
      }
    },

    // selectScadaState() {
    //   selectThreeFactoryScadaState().then(res => {
    //     this.tmp = res.data
    //     // this.a1 = Object.keys(this.tmp).length
    //     // this.getTotal(this.tmp)
    //   })
    // },
    getTotal(T) {
      this.a2 = 0
      this.a3 = 0
      this.a4 = 0
      this.a5 = 0
      this.a6 = 0
      for (var i in T) {
        if (T[i] === '1') {
          this.a2 += 1
        }
        if (T[i] === '2') {
          this.a3 += 1
        }
        if (T[i] === '3') {
          this.a4 += 1
        }
        if (T[i] === '4') {
          this.a5 += 1
        }
        if (T[i] === '5') {
          this.a6 += 1
        }
      }
    },
    getIco: function (type) {
      if (this.tmp[type] === '1') {
        return 'el-icon-circle-check'
      } else if (this.tmp[type] === '2') {
        return 'el-icon-video-play'
      } else if (this.tmp[type] === '3') {
        return 'el-icon-warning-outline'
      } else if (this.tmp[type] === '4') {
        return 'el-icon-setting'
      } else if (this.tmp[type] === '5') {
        return 'el-icon-moon'
      } else {
        return 'el-icon-loading'
      }
    },
    formatDate() {
      const date = new Date()
      const year = date.getFullYear() // 年
      const month = date.getMonth() + 1 // 月
      const day = date.getDate() // 日
      const week = date.getDay() // 星期
      const weekArr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
      let hour = date.getHours() // 时
      hour = hour < 10 ? '0' + hour : hour // 如果只有一位，则前面补零
      let minute = date.getMinutes() // 分
      minute = minute < 10 ? '0' + minute : minute // 如果只有一位，则前面补零
      let second = date.getSeconds() // 秒
      second = second < 10 ? '0' + second : second // 如果只有一位，则前面补零
      this.nowDate = `${year}-${month}-${day} ${hour}:${minute}:${second} ${weekArr[week]}`
    }
  }
}
</script>

<style lang="scss" scoped>

/* 小分辨率设备 (平板、电视机或者安卓设备, 960px and down) */
@media only screen and (max-width: 960px) {
  .backimg {
    background-image: url("../../../public/billboard.jpg");
    background-size: 100%;
    color: #FFFFFF;
    //background: linear-gradient(#a1e8e2, #e8e1aa, #e5c0e0,#a1e8e2, #e8e1aa, #e5c0e0);
    //animation: rotate 5.5s linear infinite;

    .body-leftbody {
      .leftbody-head {
        .left-head {
          margin-left: 10rem;
          text-align: center;
          font-size: 1rem;
        }

        .left-main-center {
          .left-main-body-box-con {
          }
        }

        .left-main-right {
          border: 1px solid #0B5195;

          .left-main-right1 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right2 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right3 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              height: 3vh !important;
              padding: 0.3rem;
            }
          }

          .left-main-right4 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right5 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right6 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right7 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right8 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right9 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right10 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right11 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right12 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right13 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right14 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }

          .left-main-right15 {
            border: 1px solid #0B5195;

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 0.3rem;
            }
          }
        }

        .left-main-left {
          border: 1px solid #0B5195;

          .left-main-left-grid-content {
            font-size: 1rem !important;
            margin-bottom: -0.15rem;
          }

          .left-main-left-grid-content-center {
            font-size: 0.4rem !important;

          }

          .left-main-left-grid-content-button {
            font-size: 0.5rem !important;

          }
        }
      }

      .center-head {
        border: 0.1px solid #0B5195;

        .center-head-content {
          border: 0.1px solid #0B5195;

          .center-head-content1 {
            padding: 0.2rem !important;
            font-size: 1rem !important;
          }
        }

        .center-body-content6 {
          border: 1px solid #0B5195;
          border-style: solid solid none solid;
          padding: 0.4rem;
        }

        .center-body-content8 {
          border: 1px solid #0B5195;

          .center-body-content6-right {
            border: 1px solid #0B5195;
            padding-top: 1.5rem;
            padding-bottom: 1rem;
          }

          .center-body-content6-left {
            border: 1px solid #0B5195;

            .center-body-content6-left1 {
              padding-top: 0.5rem !important;
            }
          }

          .center-body-content6-center {
            border: 1px solid #0B5195;

            .center-body-content6-center-top {
              padding-left: 0.7rem;
              font-size: 1rem !important;
              padding-top: 0.3rem;
            }

            .center-body-content6-center-button {
              padding-top: 0.2rem;

              .center-body-content6-center-button1 {
                padding-left: 0.5rem;
                font-size: 0.5rem !important;
                padding-top: 0.3rem;
                padding-bottom: 0.5rem;
              }
            }
          }
        }

        .center-body-content7 {
          border: 1px solid #0B5195;
          border-style: none solid solid solid;
        }

        .center-body-content5 {
          border: 1px solid #0B5195;
          padding: 0.4rem;
        }

        .center-body-content4 {
          border: 1px solid #0B5195;
          text-align: center;

          .center-body-content4-right {
            font-size: 1rem !important;
            border: 1px solid #0B5195;

            .center-body-content4-right1 {
              font-size: 1rem !important;
            }
          }

          .item1 {
            border: 1px solid #0B5195;
            padding-top: 3rem;
            padding-bottom: 3rem;
          }

          .item2 {
            border: 1px solid #0B5195;
            padding-top: 3rem;
            padding-bottom: 3rem;
          }
        }

        .center-body-content3 {
          border: 1px solid #0B5195;
          text-align: center;

          .center-body-content-left {
            border: 1px solid #0B5195;

            .grid-content {
              margin-bottom: -0.1rem;
              margin-top: -0.1rem;
            }
          }

          .center-body-content-center {
            border: 1px solid #0B5195;

            .grid-content {
              margin-bottom: -0.1rem;
              margin-top: -0.1rem;
            }
          }

          .center-body-content-right {
            border: 1px solid #0B5195;

            .center-body-content-right-top {
              font-size: 1rem !important;
              padding: 0.1rem;
            }

            .center-body-content-right-center {
              border: 1px solid #0B5195;
              font-size: 1rem !important;
              height: 5rem !important;

              .center-body-content-right-center1 {
                margin-top: 0.3rem;
              }
            }

            .center-body-content-right-button {
              border: 1px solid #0B5195;
              font-size: 1rem !important;

              .center-body-content-right-button1 {
              }
            }
          }
        }
      }

      .right-body {
        border: 1px solid #0B5195;

        .right-body-com {
          font-size: 1rem !important;
          margin-top: -0.05rem;
        }
      }
    }

    .el-row {
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

/* 大分辨率设备 (工作站或者台式机, 961px and up) */
@media only screen and (min-width: 961px) {
  .backimg {
    background-image: url("../../../public/billboard.jpg");
    height: 100vh;
    width: 100vw;
    color: #FFFFFF;
    padding-top: 2.5rem;

    .body-leftbody {
      .leftbody-head {
        .left-head {
          margin-left: 25rem;
          text-align: center;
          font-size: 2rem;
        }

        .left-main-center {
          .left-main-body-box-con {
          }
        }

        .left-main-right {
          .left-main-right1 {
            border: 0.1px solid rgba(11, 81, 149, 0.27);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1rem;
            }
          }

          .left-main-right2 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1rem;
            }
          }

          .left-main-right3 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              height: 3vh !important;
              padding: 1.1rem;
            }
          }

          .left-main-right4 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.1rem;
            }
          }

          .left-main-right5 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.1rem;
            }
          }

          .left-main-right6 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right7 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right8 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right9 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right10 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right11 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right12 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right13 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right14 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }

          .left-main-right15 {
            border: 0.1px solid rgba(11, 81, 149, 0.4);

            .left-main-body-right-con {
              font-size: 1rem !important;
              padding: 1.4rem;
            }
          }
        }

        .left-main-left {
          .left-main-left-grid-content {
            font-size: 1rem !important;
            padding: 0.5rem;
          }

          .left-main-left-grid-content-center {
            font-size: 0.4rem !important;
          }

          .left-main-left-grid-content-button {
            font-size: 0.4rem !important;
          }
        }
      }

      .center-head {
        border: 1px solid rgba(94, 151, 246, 0.28);

        .center-head-content {
          .center-head-content1 {
            margin: 1rem !important;
            font-size: 1rem !important;
          }
        }

        .center-body-content6 {
          border: 1px solid rgba(94, 151, 246, 0.28);
          border-style: solid solid none solid;
          padding: 1.4rem;
        }

        .center-body-content8 {
          border: 1px solid rgba(94, 151, 246, 0.28);

          .center-body-content6-right {
            padding: 1.5rem;
          }

          .center-body-content6-left {
            border: 1px solid rgba(94, 151, 246, 0.28);

            .center-body-content6-left1 {
              padding: 0.5rem !important;
            }
          }

          .center-body-content6-center {
            border: 1px solid rgba(94, 151, 246, 0.28);

            .center-body-content6-center-top {
              padding-left: 2rem;
              font-size: 1rem !important;
              padding-top: 0.6rem;
              padding-button: 0.6rem;
            }

            .center-body-content6-center-button {
              border: 1px solid rgba(94, 151, 246, 0.28);
              padding-left: 1rem;
              padding-top: 1rem;
              padding-bottom: 0.8rem;

              .center-body-content6-center-button1 {
                padding-left: 0.3rem;
                font-size: 0.5rem !important;
              }
            }
          }
        }

        .center-body-content7 {
          border: 1px solid rgba(94, 151, 246, 0.28);
          border-style: none solid solid solid;
        }

        .center-body-content5 {
          border: 1px solid rgba(94, 151, 246, 0.28);
          padding: 1rem;
        }

        .center-body-content4 {
          padding-top: 1rem;
          border: 1px solid rgba(94, 151, 246, 0.28);
          text-align: center;

          .center-body-content4-right {
            font-size: 1rem !important;
            border: 1px solid rgba(94, 151, 246, 0.28);

            .center-body-content4-right1 {
              font-size: 1rem !important;
              padding-top: 2rem;
            }
          }

          .item1 {
            border: 1px solid rgba(94, 151, 246, 0.28);
            padding-top: 8rem;
            padding-bottom: 8rem;
          }

          .item2 {
            border: 1px solid rgba(94, 151, 246, 0.28);
            padding-top: 8rem;
            padding-bottom: 8rem;
          }
        }

        .center-body-content3 {
          border: 1px solid rgba(94, 151, 246, 0.28);

          .center-body-content-left {
            border: 1px solid rgba(94, 151, 246, 0.28);

            .grid-content {
              height: 2.95rem !important;
              text-align: center;
            }
          }

          .center-body-content-center {
            text-align: center;
            border: 1px solid rgba(94, 151, 246, 0.28);

            .grid-content {
              height: 2.95rem !important;
            }
          }

          .center-body-content-right {
            padding-left: 1rem;
            height: 23.5rem;
            border: 1px solid rgba(94, 151, 246, 0.28);

            .center-body-content-right-top {
              font-size: 1rem !important;
              height: 3rem !important;
              padding-top: 2rem;
            }

            .center-body-content-right-center {
              font-size: 1rem !important;
              height: 5rem !important;
              padding-top: 2.8rem;

              .center-body-content-right-center1 {
                margin-top: 3rem;
              }
            }

            .center-body-content-right-button {
              font-size: 1rem !important;
              padding-top: 2.5rem;

              .center-body-content-right-button1 {
                margin-top: 1.8rem;
              }
            }
          }
        }
      }

      .right-body {
        border: 1px solid #0B5195;

        .right-body-com {
          font-size: 1rem !important;
          padding-left: 2rem;
          padding-top: 1.43rem;
        }
      }
    }
  }
  .el-row {
    margin-bottom: 0.15rem;
    border: 1px solid rgba(94, 151, 246, 0.19);

    &:last-child {
      margin-bottom: 0;
    }
  }
}

//.el-icon-switch-button {
//  background: #f50226;
//  border-radius: 90%;
//}
//.el-icon-video-play {
//  background: #02f53f;
//  border-radius: 90%;
//}
//
//.el-icon-setting{
//  background: #fce409;
//  border-radius: 90%;
//}
//.el-icon-circle-check {
//  background: #02f53f;
//  border-radius: 90%;
//}

.el-col {
}

.row-bg {
  padding: 1px 0;
  background-color: #f9fafc;
}

.el-icon-circle-check {
  color: rgba(8, 255, 0, 0.92) !important;
  animation: fade 20000ms infinite !important;
  -webkit-animation: fade 20000ms infinite !important;
  font-size: 100% !important;
  background: #02f53f;
  border-radius: 90%;
}

.el-icon-video-play {
  color: #2905f3 !important;
  animation: fade 20000ms infinite !important;
  -webkit-animation: fade 20000ms infinite !important;
  background: #2905F3FF;
  border-radius: 90%;
}

.el-icon-warning-outline {
  color: #f1da06 !important;
  animation: fade 600ms infinite !important;
  -webkit-animation: fade 600ms infinite !important;
  background: #f1da06;
  border-radius: 90%;
}

.el-icon-setting {
  color: #fa0723 !important;
  animation: fade 8000ms infinite !important;
  -webkit-animation: fade 8000ms infinite !important;
  background: #fa0723;
  border-radius: 90%;
  //color: rgba(8, 255, 0, 0.92) !important;
  //animation: fade 20000ms infinite!important;
  //-webkit-animation: fade 20000ms infinite!important;
  //font-size: 100%!important;
  //background: #02f53f;
  //border-radius: 90%;
}

.el-icon-moon {
  color: #9b05f8 !important;
  animation: fade 600ms infinite !important;
  -webkit-animation: fade 600ms infinite !important;
  background: #9b05f8;
  border-radius: 90%;
}

.el-icon-loading {
  color: #b805f5 !important;
  animation: fade 10000ms infinite !important;
  -webkit-animation: fade 10000ms infinite !important;
  //background: #a5a7a5;
}

.box {
  width: 400px;

  .top {
    text-align: center;
  }

  .left {
    float: left;
    width: 60px;
  }

  .right {
    float: right;
    width: 60px;
  }

  .bottom {
    clear: both;
    text-align: center;
  }

  .item {
    margin: 4px;
  }

  .left .el-tooltip__popper,
  .right .el-tooltip__popper {
    padding: 8px 10px;
  }
}

</style>
